UserCSS: Admonitions
#UserCSS
Admonition
記法を追加する
UserCSS
これはAdmonitionです。
✒
これはノートです。
code:style.css
.deco-\! {
display: inline-block;
padding: 4px 8px;
margin: 4px 0;
width: 100%;
background-color:
#0001;
border-left: solid 4px
#0008;
}
ℹ
これは情報です。
🐟
これは魚です。本ドキュメント内においては、情報に
鮮度
があることを示します。
code:style.css
.deco-\!:has(a
href$="%E2%84%B9"
),
.deco-\!:has(a
href$="%F0%9F%90%9F"
) {
background-color:
#08f1;
border-left: solid 4px
#08f8;
}
✅
これはチェックです。
code:style.css
.deco-\!:has(a
href$="%E2%9C%85"
) {
background-color:
#0d31;
border-left: solid 4px
#0d38;
}
⚠
これは警告です。
🚧
これはメンテナンス中です。
code:style.css
.deco-\!:has(a
href$="%E2%9A%A0"
),
.deco-\!:has(a
href$="%F0%9F%9A%A7"
) {
background-color:
#fb01;
border-left: solid 4px
#fb08;
}
🚫
これは禁止です。
❌
これはダメです。
⚡
これは危険です。
🔥
これは熱いです。
🌶️
これは辛いです。
🚨
これは
パトランプ
です。本ドキュメント内においては、
破壊的変更
等の重要な告知事項があることを示します。
code:style.css
.deco-\!:has(a
href$="%F0%9F%9A%AB"
),
.deco-\!:has(a
href$="%E2%9D%8C"
),
.deco-\!:has(a
href$="%E2%9A%A1"
),
.deco-\!:has(a
href$="%F0%9F%94%A5"
),
.deco-\!:has(a
href$="%F0%9F%8C%B6%EF%B8%8F"
),
.deco-\!:has(a
href$="%F0%9F%9A%A8"
) {
background-color:
#f001;
border-left: solid 4px
#f008;
}